11 - Bilder auf Inhaltsseiten einbinden [ID:43488]
50 von 237 angezeigt

In diesem Tipp der Woche verwende ich ausnahmsweise den visuellen Editor, da dieser sehr wohl

einige praktische Funktionen mitbringt, die man für die Bildanbindung verwenden kann.

Wenn ich jetzt also einen Text habe und mir das vielleicht erstmal in der Vorschau anschaue,

dann sieht das Ganze noch etwas langweilig aus, etwas waddaus, weil vielleicht einfach

die passenden Bilder fehlen.

Und um das zu ändern, gehe ich jetzt auf neue Seite erstellen hier und wechsle erstmal

eine neue Zeile, um hier dann das Bild einzufügen.

Es gibt hier zwei Möglichkeiten, wie Sie das Bild an dieser Position einfügen können.

Die eine Möglichkeit ist über den Button Dateien hinzufügen.

Der macht natürlich dann Sinn, wenn Sie die Bilder schon in der Mediathek haben.

Weil Sie die Bilder aber aktuell noch auf Ihrem Rechner haben, dann macht es vielleicht

mehr Sinn, hier einfach Ihren Finder zu öffnen, Ihren Dateiexplorer zu öffnen, ein Bild

aus einem Ordner auszuwählen und dann in den visuellen Editor zu ziehen.

Man sieht schon, Dateien für Upload bereitstellen.

Wenn ich das mache, dann wird sich automatisch die Mediathek öffnen und das Bild wird hochgeladen.

Hier gleich vorweg.

Am besten ist es, wenn man die Bilder als.jpg oder.jpg hochlädt, weil die dann auch

automatisch etwas verkleinert werden.

In diesem Beispiel ist das Bild immer noch sehr groß, mit 821 KB.

Idealerweise lädt man Bilder hoch, die entsprechend kleiner sind.

Das heißt, man sollte sie schon vorher komprimieren, etwas verkleinern.

Das geht zum Beispiel mit Gimp, das funktioniert auch mit zum Beispiel Photoshop.

Eine andere Möglichkeit, die ich gerne verwende, ist zum Beispiel die Seite compressedjpg.com,

denn hier kann ich das Bild theoretisch auch packen aus dem Finder und einfach hochladen,

also hineinziehen und dann wird das automatisch verkleinert.

Das heißt, in diesem Fall sind es jetzt 13%.

Wenn ich aber darauf klicke und hier etwas nach unten scrolle, dann kann ich hier auch

die Qualität zum Beispiel weiter runterschrauben.

Bis ich eine komprimierte Form habe, die vielleicht gerade unter 350 liegt.

Ich sage mal idealerweise unter 350 KB.

Machen Sie sich hier keine Sorgen, selbst wenn Ihr Bild nicht super komprimiert ist,

ist das nicht weiter schlimm.

Ich lade das Bild jetzt hier von dieser Seite herunter und gehe dann wieder zu meiner Mediathek.

Hier lösche ich das sehr große Bild erstmal heraus und klicke dann über den Button Dateien

hochladen und ich wähle dann Dateien hochladen aus und wähle das komprimierte Bild aus,

was ich eben heruntergeladen habe.

Dieses Bild ist jetzt schon deutlich kleiner, deutlich komprimierter und ich habe nur noch

332 KB, die hier dann eben hochgeladen werden.

Unter Alternativtext kann ich einen passenden Alternativtext vergeben, zum Beispiel Vogel

auf Waldgrund schaut in die Kamera.

Und dann am Ende des Alternativtextes vergebe ich einen Punkt, damit der Screenreader hier

eine kurze Pause macht.

Unter Beschriftung haben Sie die Möglichkeit eine Bildbeschriftung hinzuzufügen, zum Beispiel

bei Gruppenfotos von links nach rechts etc.

Die müssen Sie nicht verwenden, ich lasse meine Bildbeschriftungen meistens leer.

Es macht aber natürlich Sinn, wenn Sie Personen auf dem Bild haben, diese vielleicht kurz

zu erwähnen.

Und ansonsten gehen wir jetzt auch zum Einbinden des Bildes weiter und zwar scroll ich hierfür

an das Seitenende.

Hier habe ich erstmal verschiedene Möglichkeiten und in diesem Video werde ich jetzt alle einfach

Teil einer Videoserie :

Presenters

Zugänglich über

Offener Zugang

Dauer

00:19:05 Min

Aufnahmedatum

2022-07-18

Hochgeladen am

2022-07-18 16:56:04

Sprache

de-DE

In diesem Tipp der Woche dreht sich alles um Bilder und wie man sie auf Inhaltsseiten einbinden kann.

Tags

WordPress CMS webmaster RRZE Webteam
Einbetten
Wordpress FAU Plugin
iFrame
Teilen